@charset "UTF-8";
body { background-color: #EFF0F4; }

.modal-body .text-tip { margin: 0 auto; width: 780px; height: 114px; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; font-size: 16px; }

#no-permission-modal .modal-footer { text-align: center; padding-top: 0; }

#no-permission-modal .modal-content { border-radius: 6px; }

.modal-footer .confirm { width: 200px; height: 50px; line-height: 50px; padding: 0; border: 0; border-radius: 2px; background-color: #23a8f5; }

.content-title { width: 100%; background-color: #fff; height: 60px; line-height: 60px; margin-top: 20px; }

.content-title span { color: #222; font-size: 16px; position: relative; top: -4px; }

.content-title i { color: #23a8f5; font-size: 30px; margin-right: 10px; }

.btn-row a { display: inline-block; width: 20px; height: 20px; color: #cfd3db; cursor: pointer; }

.btn-row a:hover { color: #23a8f5; }

.btn-row a:first-child { margin-right: 30px; position: relative; overflow: hidden; }

.btn-row a:first-child input[type="file"] { position: absolute; width: 160px; height: 20px; background-color: red; left: -140px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

.create-note .create-btn, .create-note span { cursor: pointer; }

.content { margin-top: 20px; width: 100%; color: #222; font-size: 16px; box-sizing: border-box; }

.content .list { padding-bottom: 15px; padding-left: 40px; padding-right: 40px; background-color: #fff; border-left: 1px solid #E2EAED; border-right: 1px solid #E2EAED; border-bottom: 1px solid #E2EAED; box-sizing: border-box; }

.content .list:first-child { border-top: 1px solid #E2EAED; }

.content .list:hover { background-color: #f8f8fa; }

.content .list .item { height: 30px; line-height: 30px; margin-top: 15px; }

.content .list .item .btn-row { display: none; margin-right: 0; }

.content .list .file-name { width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.content .list .file-name a { display: inline-block; height: 30px; line-height: 30px; }

.content .list .file-name a:hover { color: #23a8f5; }

.content .list .file-name i { color: #23a8f5; font-size: 40px; margin-right: 15px; position: relative; top: -2px; }

.content .list .file-size, .content .list .date-time { margin-left: 80px; }

.content .list .time { color: #9da7aa; }

.content .list:hover > .btn-row { display: block; }

.content .list .action { margin-left: 15px; }

.content .list .action span { margin-left: 15px; color: #23a8f5; }

.content .note-list { margin-top: 20px; }

.content .note-editor, .content .note-item { margin-top: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 40px; background-color: #fff; }

.content .note-editor { min-width: 378px; display: none; }

.content .note-editor .save { cursor: pointer; }

.content .note-editor .save:hover { color: #23a8f5; }

.content .note-bar { color: #999; padding-top: 15px; }

.content .note-bar > div { height: 30px; line-height: 30px; }

.content .note-bar > div:first-child { width: 166px; }

.content .note-bar span { color: #222; }

.content .note-bar .create-time { margin-right: 70px; }

.content .note-body { margin-top: 15px; width: 100%; box-sizing: border-box; }

.content .note-body textarea { width: 100%; height: 200px; resize: none; background-color: #f5f8f9; padding: 10px 15px; border: 1px solid #f3f3f3; outline: 0; color: #222; }

.content .note-body textarea:focus { border-color: #23a8f5; box-shadow: 0 0 5px #23a8f5; }

.content .note-item { border-bottom: 1px solid #f1f1f1; }

.content .note-item .note-body { border-top: 1px solid #f1f1f1; padding-top: 20px; }

.upload-file span, .upload-file i { cursor: pointer; }

/*-------------------------------------------- 上传进度条(progress bar) --------------------------------------------*/
.list .pmgressbar-box { margin-top: 15px; margin-left: 80px; width: 241px; height: 30px; display: none; }

.list .pmgressbar-box > div { display: inline-block; }

.list .pmgressbar-box .pmgressbar { top: 7px; }

.list .pmgressbar-box .pmgressbar-cancel { top: 4px; }
